//这段代码是一个Vue应用程序的入口文件，包含了一些常用的配置和插件的使用。
import Vue from "vue";//导入Vue库。
import App from "./App.vue";//导入根组件。
import router from "./router";//导入路由配置。
import store from "./store";//导入状态管理配置。
import ElementUI from "element-ui";//导入ElementUI库。
import UtilsAjax from "@/utils/ajax";//导入自定义的Ajax工具。
import Components from "./components";//导入自定义的组件。
import "./styles.scss";//导入全局样式文件。
import "./assets/style.scss";//导入静态资源的样式文件。
import "./router/permission";//导入路由权限配置。
import "font-awesome/css/font-awesome.css";//导入Font Awesome图标库的样式文件。

// 使用UtilsAjax插件
Vue.use(UtilsAjax);
// 使用ElementUI插件
Vue.use(ElementUI);
// 使用Components插件
Vue.use(Components);

// 关闭生产模式下给出的提示
Vue.config.productionTip = false;
// 在开发环境启用Vue Devtools插件
Vue.config.devtools = process.env.NODE_ENV !== "production";

new Vue({
  router,
  store,
  render: (h) => h(App),
}).$mount("#app");
// 接下来，代码使用Vue的use方法来安装插件和组件，以便在整个应用程序中使用它们。

// Vue.use(UtilsAjax); 安装自定义的Ajax工具插件。
// Vue.use(ElementUI); 安装ElementUI插件。
// Vue.use(Components); 安装自定义的组件插件。
// 然后，通过配置Vue.config来设置一些Vue的全局配置选项。

// Vue.config.productionTip = false; 关闭生产模式下给出的提示。
// Vue.config.devtools = process.env.NODE_ENV !== "production"; 在开发环境启用Vue Devtools插件。
// 最后，创建一个新的Vue实例，并将其挂载到指定的DOM元素上。

// new Vue({ ... }).$mount("#app"); 创建Vue实例，配置路由、状态管理和根组件，然后将其挂载到id为"app"的DOM元素上。